<!DOCTYPE html>
<html>
    <head>
        <title>Jdenticon</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <script>
        var jdenticon_config = {
            backColor: "#00f1"
        };
        </script>
        <script src="/node_modules/jdenticon/dist/jdenticon.min.js"></script>
    </head>
    <body>
        <h1>"Icon0" - UMD in &lt;head&gt; - Should be equal</h1>
        <figure>
            <img src="" width="100" height="100">
            <figcaption><strong>IMG</strong> static image</figcaption>
        </figure>
        
        <figure>
            <canvas data-jdenticon-value="Icon0" width="100" height="100"></canvas>
            <figcaption><strong>Canvas</strong> UMD in &lt;head&gt;</figcaption>
        </figure>
        <script src="common.js"></script>
    </body>
</html>